<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$(function(){
			var ul = $("ul");
			//后代
			var li = ul.find("li");
			li.css("background","red");
			//儿子
			ul.children("li").css("background","green");
			ul.children().eq(0).css("background","pink");
			ul.children().eq(0).next().css("background","saddlebrown");
			ul.children("li").eq(3).siblings().css("background","black");
			console.log(ul.children().parent());
		})
	</script>
	<body>
		<ul>
			<li>nihao</li>
			<li>nihao</li>
			<li>nihao</li>
			<li>nihao</li>
			<a href="">nihao</a>
			<p>nihao</p>
			<i>nihao</i>
			<p>nihao</p>
			<ol>
				<li>nihao</li>
				<li>nihao</li>
				<li>nihao</li>
				<li>nihao</li>
			</ol>
		</ul>	
	</body>
</html>
